// 清理浮动
.clear-ft:after {
  content: "";
  display: block;
  clear: both;
}

// 清理边距影响
.clear-mg {
  content: "";
  display: table;
}

// 左浮动
.g-lf {
  float: left;
}

// 右浮动
.g-rt {
  float: right;
}

// 一行溢出...
.clamp {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

// 两行溢出...
.clamp-two {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

// 设置滚动条样式
.clear-scroll {
  overflow-x: hidden;
  overflow-y: auto;

  &::-webkit-scrollbar {
    width: 6px;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #dadee0;
  }
}

// 行内块
.inline-block {
  display: inline-block;
  vertical-align: middle;
}

// 弹性布局居中
.flex-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

// 两端对齐
.align-justify {
  text-align: justify;
  text-align-last: justify;
}

// 过渡
.transition(@name: all, @time: 0.4s) {
  transition: @name @time;
}

// 行为样式
@primary: #2d8cf0;
@success: #19be6b;
@warning: #f90;
@danger: #f66;
@share: #ed3f14;
@interact: #e46cbb;
@special: #9a66e4;

// 字体颜色
@font-color: #494949;
@font-color-reduce: #949494;
@font-color-dark: #333;
@font-color-white: #fff;

// 字体大小
@font-size: 16px;
@font-size-mini: 12px;
@font-size-large: 20px;

// 背景色
@bg-default: #fff;
@bg-content: #f2f2f2;
@bg-dark: #282c34;

// 块阴影
@box-shadow-color: #ccc;